<%-- 
    Document   : administration
    Created on : 9 nov. 2013, 20:18:38
    Author     : Steve Cancès <steve.cances@gmail.com>
--%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeMinimal"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectMatch"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeLight"%>
<%@page import="java.util.ArrayList,fr.miage.orleans.aar.modele.Equipe"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeDetail"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectJoueur"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectTournoi"%>
<%@page import="fr.miage.orleans.aar.modele.EtatTournoi"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <link rel="stylesheet" type="text/css" href="css/kickstart.css"	media="all" />
        <link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/affichageTournoi/tournoi.css" media="all" />

        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/tree/jquery-ui-1.9.2.custom.min.js"></script>
        <script type="text/javascript" src="js/kickstart.js"></script>
        <script type="text/javascript" src="js/tree/jquery.jsPlumb-1.4.1-all-min.js"></script>
        <script type="text/javascript" src="js/tree/affichageTournoi.js"></script>
        <script type="text/javascript" src="js/consultation/detailTournoi.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Les tournois - Consultation</title>
    </head>
    <body>
        <jsp:useBean id="votournoi" class="fr.miage.orleans.aar.modele.valueobject.ValueObjectTournoi" scope="session" />
        <jsp:include page="header.jsp">
            <jsp:param name="page" value="consultation" />
        </jsp:include>
        <input type="hidden" id="nbEquipeTournoi" value="<%=votournoi.getEquipesInscriptes().size()%>" />
        <input type="hidden" id="displayIdTournoi" value = "<%=votournoi.getIdTournoi() %>" />
        <div class="grid">
            <div class="col_12">

                <h2>Tournoi <%=votournoi.getNomTournoi()%> - <%= votournoi.getEtatTournoi()%> </h2>

                <%if (votournoi.getEtatTournoi() != EtatTournoi.EN_PREPARATION) { %>
                <h3>Le diagramme du tournoi </h3>
                <input type="hidden" id="displayOrNot" value="display" />
				<input type="hidden" id="hashTournoi" value="<%=session.getAttribute("posteJoueur") %>" />
                <ul class="tabs" id="tabs_diagramme">
                    <li><a href="#tab_diagramme"><i class="icon-reorder"></i> Diagramme</a></li>
                </ul>
                <div id="tab_diagramme" class="tab-content">
                    <div id="tournoi">
                    </div>

               		<div class="col_2"></div>
               		<div id="detailMatch" class="col_8" style="display:none;">
               			<input type="hidden" class="detailFormIdMatch" name="idmatch" value="" />
               			<div style="text-align:right;">
							<span id="detailMatchIsLive">Match is live</span>
						</div>
						
						<h2 style="text-align: center;">
							<img id="imgEquipeA" style="width:40px;heigth:40px;"/>
							<span id="detailNomEquipeA"></span>
							<span class="detailScoreA"></span>
							
							<span class="detailVs">-</span>
							
							<span class="detailScoreB"></span>
							<span id="detailNomEquipeB"></span>
							<img id="imgEquipeB" style="width:40px;heigth:40px;" />
						</h2>
               			<div>
               				<h5>Arbitre de la rencontre : <span id="detailArbitre"></span></h5>
               			</div>
               			
               			<div>
							<h5 id="detailEtatMatch"></h5>
						</div>
						<div id="detailDivTimeLine">
							<h5>Liste de buts : </h5>
							<br/>
							<br/>
							<table id="detailMatchTimeLine">
							
							</table>
						</div>
						<div id="detailDivTirAuBut">
							<h5>Tirs au buts : </h5>
							<div style="float:left; width:50%;">
								<ul id="detailTOBA" class="ulTOB alt" dir="ltr" style="text-align:right;">
								</ul>
							</div>
							<div style="float:left; width:50%;">
								<ul id="detailTOBB" class="ulTOB alt" dir="rtl" style="text-align:left;">				
								</ul>
							</div>
							<div style="clear:both;"></div>
               			</div>
               		</div>
               		<div class="col_2"></div>
                </div>



                
                <%}%>



                <h3>Les équipes inscrites (<%=votournoi.getEquipesInscriptes().size()%>)</h3>

                <ul class="tabs" id="tabs_equipes">
                    <li><a href="#tab_equipes"><i class="icon-reorder"></i> Equipes inscrites</a></li>
                </ul>

                <div id="tab_equipes" class="tab-content">

                    <table>
                        <thead>
                            <tr>
                                <th>Nom</th>
                                <th>Nombre de joueurs</th>
                                <th>N° équipe</th>
                                <th>Détail équipe</th>
                            </tr>
                        </thead>
                        <tbody>
                            <% for (ValueObjectEquipeMinimal voel : votournoi.getEquipesInscriptes()) {%>
                            <tr>
                                <td><%=voel.getNom()%></td>
                                <td><%=voel.getNombreJoueurs()%></td>
                                <td><%=voel.getNumeroEquipe()%></td>
                                <td>
                                    <form action="consultation" style="display: inline;" method="POST">
                                        <input type="hidden" name="action" value="detailEquipe" />
                                        <input type="hidden" name="idequipe" value="<%=voel.getId()%>" />
                                        <button type="submit" class="small blue"><i class=" icon-eye-open"></i> Voir la fiche de l'équipe</button>
                                    </form>
                                </td>
                            </tr>
                            <%}%>
                        </tbody>
                    </table>
                    <% if(votournoi.getEtatTournoi() == EtatTournoi.EN_PREPARATION){ %>
                    Il est toujours possible de s'inscrire à ce tournoi !&nbsp;
                    <form action="consultation" style="display: inline;" method="POST">
                        <input type="hidden" name="action" value="inscription" />
                        <input type="hidden" name="idtournoi" value="<%=votournoi.getIdTournoi()%>" />
                        <button type="submit" class="small green"><i class=" icon-trophy"></i> S'inscrire à ce tournoi</button>
                    </form>
                    <% } %>
                </div>
            </div>
        </div>
        <jsp:include page="footer.jsp"></jsp:include>
    </body>
</html>
